<template>
  <div class="preview">
    <!-- <studio-header /> -->
    <div class="content-box">
      <!-- preview code here -->
      <!-- 图谱构建系统code here -->
      <!-- GIS -->
      <div
        class="gis-map-container"
        :style="{
          height: '100%',
        }"
      >
        <preview-k-gis-map
          ref="knowledgeGisMap"
          :id-name="'preview-map'"
        ></preview-k-gis-map>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
// import StudioHeader from '@/components/studio/StudioHeader.vue'
import PreviewKGisMap from '@/components/knowledge-gis/PreviewKGisMap.vue'
// import KGraphStore from '@/store/modules/k-graph'

@Component({
  components: {
    // StudioHeader,
    PreviewKGisMap,
  },
})
export default class KnowledgePreview extends Vue {
  public mounted() {
    // KGraphStore.setUpdateDashboardTime()
  }
}
</script>

<style lang="less" scoped>
.preview {
  background-color: #ebeaef;
  height: 100vh;
  overflow: hidden;

  .content-box {
    background: var(--content-box-bg);
    height: calc(100vh - 64px);
    overflow-y: auto;
    width: 100%;

    .gis-map-container {
      background: #fff;
    }
  }
}
</style>
